<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<button id="secondMenuLaunch" class="ui big teal fixed launch linkedin icon button">
	<i class="list icon"></i>
	<i class="remove icon"></i>
</button>

<!-- <button id="box" class="ui big circular orange linkedin icon button"
	style="position: fixed; right: 20px; left: auto; bottom: 72px; z-index: 3;">
	<i class="dropbox icon"></i>
</button>
 -->
<button id="goToTop" class="ui big circular orange linkedin icon button transition"
	style="position: fixed; right: 20px; left: auto; bottom: 20px; z-index: 3;">
	<i class="rocket rotate icon"></i>
</button>

<!-- following menu -->
<div class="ui following fixed raised teal secondary inverted menu">
<div class="ui container">
		<a class="toc item" style="z-index:103;"> <i class="sidebar icon"></i><i class="remove icon"></i></a>
        <a class="fitted item" href="//www.gaokaozyt.cn/">
            <img class="ui mini circular image" src="//${static_server }/images/logo.png">
            <span style="margin-left:0px;">高考志愿通 </span>
        </a>
        <a class="item" href="//${static_server }/"><i class="home icon"></i> 首页 </a>
        <div class="ui dropdown item">
		    <i class="search icon"></i>查数据 <i class="dropdown icon"></i>
		    <div class="menu">
		    <a class="item" href="//${dynamic_server }/college/index.do">查学校</a>
            <a class="item" href="//${static_server }/college/index.html">院校库</a>
            <a class="item" href="//${static_server }/major/index.html">专业库</a>
            <a class="item" href="//${dynamic_server }/enroll/index.do">历年录取查询系统</a>
            <a class="item" href="//${dynamic_server }/dis/index.do">考生去向分布</a>
            <a class="item" href="//${dynamic_server }/quiz/index.do">职业兴趣测评</a>
            <a class="item" href="//${static_server }/word/index.html">志愿百科</a>
            <a class="item" href="//${static_server }/nav/index.html">快速导航</a>
		    </div>
		</div>
        <div class="ui dropdown item">
		    <i class="send icon"></i>报志愿 <i class="dropdown icon"></i>
		    <div class="menu">
		      <a class="item" href="//${dynamic_server }/batch/index.do">分数线查询</a>
              <a class="item" href="//${dynamic_server }/score/index.do">分数转换</a>
              <a class="item" href="//${dynamic_server }/plan/index.do">招生计划查询</a>
              <a class="item" href="//${dynamic_server }/enroll/score.do">一分一段规划志愿</a>
              <a class="item" href="//${dynamic_server }/solution/index.do">考生志愿方案系统</a>
		    </div>
		</div>
		<a class="item buy hot" href="//${static_server }/home/product.html">
        	<i class="shop icon"></i> 在线购买 <em class="hotNav"></em>
        </a>
        <a class="right item login register">
        	<i class="user icon"></i> 登录/注册 
        </a>
        <div class="ui right dropdown item profile" >
        	<span class="cute" style="max-width:77px!important;display:inline-block;"></span>
	        <i class="dropdown icon"></i>
	        <div class="menu">
	        	<a class="item" href="//${dynamic_server }/user/info.do"><i class="user icon"></i>个人中心  </a>
	        	<a class="item"><i class="sign out icon"></i>退出登录  </a>
	        </div>
	    </div>
    </div>
</div>
<!-- end following menu -->
<!-- right siderbar menu -->
<div class="ui right vertical sidebar menu">
</div>

<!-- end right siderbar menu -->
<!-- left siderbar menu -->
<div class="ui  left demo vertical sidebar teal inverted labeled icon menu">
<div class="item">
    
    <a href="//www.gaokaozyt.cn/"><img src="//${static_server }/images/logo.png"></a>
</div>
	<a class="item" href="//${dynamic_server }/college/index.do"><i class="find icon"></i>查学校</a>
    <a class="item" href="//${static_server }/college/index.html"><i class="building icon"></i>院校库</a>
    <a class="item" href="//${static_server }/major/index.html"><i class="doctor icon"></i>专业库</a>
    <a class="item" href="//${dynamic_server }/enroll/index.do"><i class="send view icon"></i>历年录取数据查询</a>
    <a class="item" href="//${dynamic_server }/dis/index.do"><i class="dashboard icon"></i>考生去向分布</a>
    <a class="item" href="//${dynamic_server }/quiz/index.do"><i class="lab icon"></i>职业测评</a>
    <a class="item" href="//${dynamic_server }/enroll/score.do"><i class="line chart icon"></i>一分一段查询</a>
    <a class="item" href="//${dynamic_server }/score/index.do"><i class="exchange icon"></i>分数转换</a>
    <a class="item" href="//${dynamic_server }/plan/index.do"><i class="users icon"></i>招生计划查询</a>
    <a class="item" href="//${dynamic_server }/solution/index.do"><i class="sitemap icon"></i>考生志愿方案系统</a>
    <a class="item" href="//${static_server }/word/index.html"><i class="book icon"></i>志愿百科</a>
    <a class="item" href="//${static_server }/nav/index.html"><i class="linkify icon"></i>快速导航</a>
    <a class="item" href="//${dynamic_server }/batch/index.do"><i class="ordered list icon"></i>分数线查询</a>
</div>
<!-- end left siderbar menu -->
<div class="ui login small modal">
    <i class="close icon"></i>
    <h4 class="ui teal image header"><img src="//${static_server }/images/logo.png" class="image">
    <div class="content">
        用户登录
    </div></h4>
    <div class="ui padded centered grid">
        <div class="twelve wide column">
            <form class="ui login form">
                <div class="field">
                    <div class="ui left icon input">
                        <i class="user icon"></i>
                        <input type="text" name="email" placeholder="请输入您的邮箱地址">
                    </div>
                </div>
                <div class="field">
                    <div class="ui left icon input">
                        <i class="lock icon"></i>
                        <input type="password" name="password" placeholder="请输入您的密码">
                    </div>
                </div>
                  <div class="field">
				     <div class="ui toggle checkbox checked">
				      <input type="checkbox" tabindex="0" name="remeberMe" class="hidden" checked>
				      <label>记住我</label>
				    </div>
				  </div>
                <div id="login_button" class="ui fluid large teal button">
                    登录
                </div>

                <div class="ui error message"></div>
            </form>
            <!-- <h4 class="ui horizontal divider header">使用第三方登录 </h4>
            <button class="ui circular facebook icon button">
                <i class="facebook icon"></i>
            </button>
            <button class="ui circular twitter icon button">
                <i class="twitter icon"></i>
            </button>
            <button class="ui circular linkedin icon button">
                <i class="linkedin icon"></i>
            </button> -->
        </div>
    </div>

    <div class="ui message">
        还没有账号?
        <button class="register">
            立即注册
        </button>
        <a href="//${dynamic_server}/user/forgetpwd.do" target="_blank" style="float: right;">
            忘记密码?
        </a>
        
    </div>
</div>

<div class="ui register small modal">
    <i class="close icon"></i>
    <h4 class="ui teal image header"><img src="//${static_server }/images/logo.png" class="image">
    <div class="content">
        用户注册
    </div></h4>
    <div class="ui padded centered grid">
        <div class="twelve wide column">
            <form class="ui register form">
                <div class="field">
                    <div class="ui left icon input">
                    	<i class="mail icon"></i>
                        <input type="text" name="email" placeholder="请输入您的邮箱地址">
                    </div>
                </div>
                <div class="fields">
                	<div class="ten wide field">
                	<div class="ui left icon input">
                		<i class="keyboard icon"></i>
						<input type="text" name="code" placeholder="请输入验证码">   
						</div>
                	</div>
                	<div class="six wide field">
                		<button id="get_code" class="ui button">获取验证码</button>
                	</div>
                </div>
                <div class="field message">
                	<p style="color:#DB2828!important;display:none;"><i class="red attention icon"></i></p>
                </div>
                <div class="field" >
                    <div class="ui left icon input">
                        <i class="lock icon"></i>
                        <input type="password"  name="regpassword" placeholder="请输入密码">
                    </div>
                </div>
                <div class="field" >
                    <div class="ui left icon input">
                        <i class="lock icon"></i>
                        <input type="password"  name="rregpassword" placeholder="请再次输入密码">
                    </div>
                </div>
                <div id="reg_button" class="ui fluid large teal button">
                    注册
                </div>

                <div class="ui error message"></div>
                <div class="ui hidden success message">
				  <div class="header">你的账户已注册成功。 </div>
				  <p></p>
				</div>
            </form>
        </div>
    </div>

    <div class="ui message">
        我有账号
        <button class="login">
            立即登录
        </button>
    </div>
</div>
<div class="ui small test modal no vip transition hidden">
	<div class="header">
      使用提示
    </div>
	<div class="content">
		<p>您的免费体验已经用完，请购买我们的VIP一卡通获得全国功能永久免费使用权限！</p>
	</div>
	<div class="actions">
		<div class="ui inverted grey orange cancel  button">我再逛一逛！</div>
		<a class="ui orange ok inverted button" href="//${static_server }/home/product.html">
			<i class="shop icon"></i> 现在就去购买！
		</a>
	</div>
</div>
<div class="ui small test modal need info transition hidden">
	<div class="header">
      使用提示
    </div>
	<div class="content">
		<p>为了给您提供更优质的服务，我们需要知道您的分数和科目！</p>
	</div>
	<div class="actions">
		<div class="ui inverted grey orange cancel  button">我再逛一逛！</div>
		<a class="ui orange ok inverted button" href="//${dynamic_server }/user/info.do">
			<i class="shop icon"></i> 现在就去完善！
		</a>
	</div>
</div>
<div class="ui small test modal no permission transition hidden">
	<div class="header">
      使用提示
    </div>
	<div class="content">
		<p>您还没有使用该功能的权限！</p>
	</div>
	<div class="actions">
		<a class="ui orange ok inverted button" href="//${static_server }/">
			<i class="shop icon"></i> 我知道了！
		</a>
	</div>
</div>